<template>
  <h2>这是一个App组件</h2>
  <p>APP组件中的数据:{{ num }}</p>
  <button @click="num++">修改数据</button>
  <hr />
  <HelloWorld :num="num" :msg="msg"></HelloWorld>
</template>

<script>
import { ref } from "vue"
import HelloWorld from "./components/HelloWorld.vue"
export default {
  name: "APP",
  components: { HelloWorld },
  setup() {
    let num = ref(10)
    let msg = ref("hello App")

    return {
      num,
      msg,
    }
  },
}
</script>

<style></style>
